<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="box"></div>
</body>
<script>
    // BOM 

    /* window
        name
        status 

        innerWidth  innerHeight
        outerWidth  outerHeight

        open()
        close()
        scrollBy(x,y)
        scrollTo(x,y)


    window的子对象  
        document 
        history
        location
        navigator
        screen

    document
        all 
        images
        forms
        links
        scripts 
        URL 
        bgColor

        documentElement
        body
        head
        title

        getElementById()   id名
        getElementsByClassName()   class名
        getElementsByTagName()   
        getElementsByName()

        document.documentElement.clientWidth   对于隐藏的元素,不生效(display:none;)
        document.documentElement.clientHeight  对于隐藏的元素,不生效(display:none;)

        document.documentElement.scrollWidth   对于隐藏的元素,不生效(display:none;)
        document.documentElement.scrollHeight  对于隐藏的元素,不生效(display:none;)

        document.documentElement.scrollLeft
        document.documentElement.scrollTop


 */








</script>

</html>